@charset "utf-8";
@import './ani.scss';

//自定义变量
$baseMarignLeft: 16rpx;
$baseMarignRight: 16rpx;
$basepadding: 20rpx;
$fontSizeSmall: 24rpx;

.box-block {
	width: 100%;
	height: 100%;
}
.box-float-right {
	float: right;
}
.box-mg__tb {
	margin: 32rpx 0;
}
.box-mg__left {
	margin-left: $baseMarignLeft * 2;
}
.box-mg__right {
	margin-right: $baseMarignRight;
}

.box-padding {
	padding: $basepadding;
}

.box-padding__lr {
	padding: 0 $basepadding;
}

.box-top__border {
	border-top: 1px solid #e6e6e6;
}
.box-space {
	margin: 0 10rpx;
}
.fontSize-small {
	font-size: 24rpx;
}
.empire-mall__title-one {
	height: 32rpx;
	line-height: 32rpx;
	font-size: 30rpx;
}
.empire-mall__title-two {
	height: 64rpx;
	line-height: 32rpx;
	font-size: 30rpx;
}
.empire-mall__description-one {
	height: 64rpx;
	line-height: 64rpx;
}
.empire-mall__price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 30rpx;
	color: #ee0c0c;
}
.empire-mall__origin-price {
	text-decoration-line: line-through;
	color: #101010;
	font-size: 24rpx;
}
.empire-mall__description {
	display: flex;
	font-size: 24rpx;
}
.empire-mall__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30rpx;
}

.empire-mall__flex {
	display: flex;
	align-items: center;
}

.empire-mall__center {
	@extend .empire-mall__flex;
	justify-content: center;
}
.empire-mall__around {
	@extend .empire-mall__flex;
	justify-content: space-around;
}
.empire-mall__flex-between {
	@extend .empire-mall__flex;
	justify-content: space-between;
}

.empire-mall__text-more {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
